﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true"
    CodeBehind="Booking.aspx.cs" Inherits="HomeFixWeb.Pages.Booking" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style3
        {
            width: 100%;
        }
        .style5
        {
            width: 225px;
            height: 34px;
            text-align: left;
        }
        .style6
        {
            height: 34px;
        }
        .style7
        {
            width: 227px;
            text-align: left;
        }
        .style9
        {
            width: 225px;
            text-align: left;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="DivBookNow" style ="font-family:Segoe UI">
        <h3 style="color:#568000">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Service Details</h3>
        <hr />
        <table class="style3">
            <tr>
                <td class="style5">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Select serive which you want
                </td>
                <td class="style6">
                    <input id="Checkbox1" type="checkbox" value="Plumbing" name="plumbing" />Plumbing
                    &nbsp; &nbsp; &nbsp;
                    <input id="Checkbox2" type="checkbox" />Electrical&nbsp;&nbsp;
                    <input id="Checkbox3" type="checkbox" />Carpenter&nbsp;&nbsp;
                    <input id="Checkbox4" type="checkbox" />Home Cleaning&nbsp;&nbsp; &nbsp;
                </td>
            </tr>
            <tr>
                <td class="style9" style="margin-top: 0px">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Describe your problem
                </td>
                <td>
                    <textarea id="Textarea1" runat="server" cols="50" name="S1" placeholder="Example:- Electric Power is not supplying..."
                        rows="1" style="height: 83px; width: 300px; border: 1px solid #CCC; border-radius: 5px;
                        line-height: -50px"></textarea>
                </td>
            </tr>
            <tr>
                <td class="style9">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Service Required Date
                </td>
                <td>
                    <input id="txtServiceDate" type="text" runat="server" style="margin: 0 0 0 0px; height: 30px;
                        height: 30px; width: 300px; border: 1px solid #CCC; border-radius: 5px" />
                </td>
            </tr>
            <tr>
                <td class="style9">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Service Required Time
                </td>
                <td>
                    <select style="height: 30px; width: 305px; border: 1px solid #CCC; border-radius: 5px;">
                        <option value="volvo">9:00  AM - 10:00 AM</option>
                        <option value="volvo">10:00 AM -11:00 PM</option>
                        <option value="volvo">11:00 Am -12:00 PM</option>
                        <option value="volvo">12:00 PM -01:00 PM</option>
                        <option value="volvo">01:00 PM -02:00 PM</option>
                        <option value="volvo">02:00 PM -03:00 PM</option>
                        <option value="volvo">03:00 PM -04:00 PM</option>
                        <option value="volvo">04:00 PM -05:00 PM</option>
                        <option value="volvo">05:00 PM -06:00 PM</option>
                        <option value="volvo">06:00 PM -07:00 PM</option>
                        <option value="volvo">07:00 PM -08:00 PM</option>
                        <option value="volvo">08:00 PM -09:00 PM</option>
                        <option value="volvo">09:00 PM -10:00 PM</option>
                        <option value="volvo">10:00 PM -11:00 PM</option>
                </td>
            </tr>
        </table>
        <h3 style="color:#568000">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;User Details</h3>
        <hr />
        <table class="style3">
            <tr>
                <td class="style7">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name
                </td>
                <td>
                    <input id="txtUsername" runat="server" placeholder="UserName" style="margin: 0 0 0 0px;
                        height: 30px; width: 300px; border: 1px solid #CCC; border-radius: 5px;" type="text"
                        value="" />
                </td>
            </tr>
            <tr>
                <td class="style7">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mobile No
                </td>
                <td>
                    <input id="txtMobileNo" type="text" runat="server" style="margin: 0 0 0 0px; height: 30px;
                        height: 30px; width: 300px; border: 1px solid #CCC; border-radius: 5px;" />
                </td>
            </tr>
            <tr>
                <td class="style7">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email -Id
                </td>
                <td>
                    <input id="txtEmailId" runat="server" style="height: 30px; width: 300px; border: 1px solid #CCC;
                        border-radius: 5px;" type="text" />
                </td>
            </tr>
        </table>
        <h3 style="color:#568000">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Address Details</h3>
        <hr />
        <table class="style3">
            <tr>
                <td class="style9">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Address
                </td>
                <td>
                    <textarea id="Textarea2" runat="server" cols="50" name="S1" placeholder="Please fill the address..."
                        rows="1" style="height: 83px; width: 300px; border: 1px solid #CCC; border-radius: 5px;
                        line-height: -50px"></textarea>
                </td>
            </tr>
            <tr>
                <td class="style9">
                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Landmark
                </td>
                <td>
<input id="txtLandmark" type="text" runat="server" style="height: 30px; width: 300px;
                        border: 1px solid #CCC; border-radius: 5px;" />
                </td>
            </tr>
            <tr>
                <td class="style9">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;City</td>
                <td>
                    <select style="height: 30px; width: 305px; border: 1px solid #CCC; border-radius: 5px;">
                        <option value="volvo">Bangalore</option>
                     <%--   <option value="volvo">11:00 AM -01:00 PM</option>
                        <option value="volvo">01:00 PM -03:00 PM</option>
                        <option value="volvo">03:00 PM -06:00 PM</option>--%>
                </td>
            </tr>
            <tr>
                <td class="style9">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PindCode
                </td>
                <td>
                    <input id="txtPindCode" type="text" runat="server" style="height: 30px; width: 300px;
                        border: 1px solid #CCC; border-radius: 5px;" />
                </td>
            </tr>
            <tr>
                <td class="style9">
                    &nbsp;
                </td>
                <td>
                    <button id="btnBooknow" runat="server" style="border-style: none; border-color: inherit; border-width: medium; background-color: transparent; height: 45px; width: 171px; cursor:pointer; margin-top: 10px;" 
                        text-type="MultiLine" type="button">
                        <img src="../Images/Booking%20btn1.png" 
                            style="width: 180px; margin-left: -25px;" />
                    </button>
                </td>
            </tr>
        </table>
        <%--<table style="padding:15px">
            <tr>
                <td class="style2" >
                Please Select Needed services below the Given Box.
                       <div id="serveceBox1" style=" width: 328px; border: 1px solid #CCC;
                        border-radius: 5px;">
                    <input id="Checkbox1" type="checkbox" value="Plumbing" name="plumbing"/>Plumbing<br />
                    <input id="Checkbox2" type="checkbox" />Electrical<br />
                    <input id="Checkbox3" type="checkbox" />Carpenter<br />
                    <input id="Checkbox4" type="checkbox" />Home Cleaning<br />
                </div>
                </td>
                <td>
                 Describe your problem hear<br />
<textarea id="Textarea1" cols="50" runat="server" 
                        placeholder="Example:- Electric Power is not supplying..." style="height: 83px; width: 300px; border: 1px solid #CCC;
                        border-radius: 5px; line-height: -50px"></textarea>
                </td>
                </tr>
                <tr>
                <td class="style2">
                   Name<br />
                   <input id="txtUsername" type="text" runat="server" value="" placeholder="UserName" 
                        style="margin:0 0 0 10px;height: 30px; width:300px; border: 1px solid #CCC; border-radius:5px;" />
                </td>
            </tr>
            <tr>
                <td class="style2">
                    Service Required Date <br />
<input id="txtServiceDate" type="text" runat="server" style="margin:0 0 0 10px;height: 30px;height: 30px; width:300px;
                        border: 1px solid #CCC; border-radius:5px"/>
                </td>
                <td>
                    Service Required Time <br />
                    <select style="height: 30px; width: 300px;
                        border: 1px solid #CCC; border-radius:5px;">
                    <option value="volvo">9:00 AM - 11:00 AM</option>
                    <option value="volvo">11:00 AM -01:00 PM</option>
                    <option value="volvo">01:00 PM -03:00 PM</option>
                    <option value="volvo">03:00 PM -06:00 PM</option>
                    
                    </select>--%>
        <%--<input id="txtServiceTime" type="text" runat="server" style="height: 30px; width: 300px;
                        border: 1px solid #CCC; border-radius:5px;" />--%></td>
        <%-- </tr>
            <tr>
                <td class="style2" >
                    Area/ Location<br />
                      <input id="txtLocation" type="text" runat="server" style="margin:0 0 0 10px;height: 30px;height: 30px; width: 300px;
                        border: 1px solid #CCC; border-radius: 5px;" />
                
                </td>
                <td>
                    Address 
                      <br />
                      <input id="txtAddress" type="text" runat="server" style="height: 30px; width: 300px;
                        border: 1px solid #CCC; border-radius:5px;" />
                    </td>
            </tr>
            <tr>
                <td class="style2" >
                     City<br />
                   <input id="txtcity" type="text" runat="server" placeholder="Bangalore" style="margin:0 0 0 10px;height: 30px;height: 30px; width: 300px;
                        border: 1px solid #CCC; border-radius: 5px;" />
                </td>
                <td>
                    Landmark <br />
<input id="txtLandmark" type="text" runat="server" style="height: 30px; width: 300px;
                        border: 1px solid #CCC; border-radius: 5px;" />
                </td>
            </tr>
            <tr>
                <td class="style2">
                    Mobile No 
                    <br />
                    <input id="txtMobileNo" type="text" runat="server" style="margin:0 0 0 10px;height: 30px;height: 30px; width: 300px;
                        border: 1px solid #CCC; border-radius: 5px;" />
                </td>
                <td>
                    Email -Id <br />
<input id="txtEmailId" type="text" runat="server" style="height: 30px; width: 300px;
                        border: 1px solid #CCC; border-radius: 5px;" />
                </td>
            </tr>
            <tr>
            <td class="style2"></td>
                <td style="text-align:right">
                    <button id="btnBooknow" type="button" runat="server" text-type="MultiLine" style="border: none;
                        background-color: transparent; height: 45px; width: 155px; cursor:pointer">
                        <img src="../Images/Booking%20btn1.png" style="width: 161px" />
                    </button>
                </td>
            </tr>
            </table>--%>
    </div>
</asp:Content>
